import React, { Component, PropTypes } from 'react'
import { Modal } from 'antd-mobile'
import { NavHeader } from '../common'
import { ForgotFormWrapper } from './'

export default class ForgotPasswordPage extends Component {
  render() {
    const { visible, onClose } = this.props
    return (
      <Modal
        visible={visible}
        animated={false}
        closable={false}
        className={`rt-forgot-password-modal`}
      >
        <NavHeader title="忘记密码" onClick={onClose} />

        <div className={`rt-hint-message`}>
          为了您的帐户安全请先进行帐户验证
        </div>

        <ForgotFormWrapper />
      </Modal>
    )
  }
}

ForgotPasswordPage.propTypes = {
  visible: PropTypes.bool.isRequired,
  onClose: PropTypes.func.isRequired,
}